<template>
  <div>全部成绩 {{score}}</div>
  <div>优秀成绩 {{betterScore}}</div>
  <button @click="addScore">添加成绩</button>
</template>


<script setup>
import { ref, computed } from 'vue'

const score = ref([10,20,60,90,30,100,80])
// 计算属性得出优秀学生 > 80
// computed 函数, 需要传入一个函数作为参数, 以这个参数函数的返回值作为这个计算属性的最终结果
const betterScore = computed(()=>{
  return score.value.filter(item => item>80)
})
const addScore = () => {
  score.value.push(50)
  score.value.push(98)
}

</script>